@audit-item-width: 180px;
@audit-item-gap: 150px;
@audit-item-height: 25px;

.audit-record {
    .body-title {
        margin-bottom: 24px;
    }

    .body-title-icon {
        color: #1890ff;
        margin-right: 8px;
    }

    .body-title-txt {
        color: #606266;
    }

    .audit-record {
        .audit-info-item {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            font-size: 12px;
            position: relative;
            left: 30px;
        }

        .audit-info-name {
            color: #cccccc;
        }
    }
}

.item-wrapper {
    display: flex;
    flex-direction: column;
    min-width: 400px;

    .audit-row {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        transform: translateY(50px);

        .audit-item {
            border-top: 1px solid #ccc;
            flex-shrink: 0;

            &.no-border {
                border: none !important;
            }

            .audit-item-wrapper {
                transform: translate(-10px, -63px);
            }

            &:last-child {
                border: 1px solid #ccc;
                border-left: none;
                border-radius: 0 50% 50% 0;
            }
        }

        &:nth-child(even) {
            flex-direction: row-reverse;
            justify-content: flex-start;

            .audit-item {
                &:last-child {
                    border: 1px solid #ccc;
                    border-right: none;
                    border-radius: 50% 0 0 50%;
                }

                &:first-child {
                    border: none;
                }

            }

            &:last-child {
                .audit-item {
                    &:last-child {
                        border-top: 1px solid #ccc;
                        border-radius: 0;
                    }

                    &:first-child {
                        border: none;
                    }
                }
            }
        }

        &:nth-child(odd) {
            .audit-item {
                &:first-child {
                    border: none;
                }
            }
        }

        &:first-child {
            .audit-item {
                &:first-child {
                    border-top: 1px solid #ccc;
                }
            }
        }

        &:last-child {
            .audit-item {
                &:last-child {
                    border: none;
                }
            }
        }

    }
}

::ng-deep .audit-progress-dot {
    .ant-steps-icon-dot {
        box-shadow: 0 0 0 3px #fff, 0 0 0 4px #1890ff;
    }
}